﻿@using DotNet.Auth.Service
@using DotNet.Edu.Service
@model List<CoursewareDetails>
@{
    ViewBag.Title = "学习课件";
    Courseware entity = ViewBag.Courseware;
    //EduTotalPeriod
    //EduDayMaxPeriod
    string categoryId = ViewBag.WorkCategoryId;
    var category = EduService.EduCategory.Get(categoryId);

    string validateRandomRange = category.ValidateRandomRange;//AuthService.Param.Get("ValidateRandomRange", "600-900");
    string[] randomRange = validateRandomRange.Split('-');
    int validateTryTime = category.ValidateTryTime; //AuthService.Param.Get("ValidateTryTime", "3").ToInt();
    int validateTimeout = category.ValidateTimeout; //AuthService.Param.Get("ValidateTimeout", "60").ToInt();
    int validateRandomMin = randomRange[0].ToInt();
    int validateRandomMax = randomRange[1].ToInt();
}
<div class="bbox1">
    <div class="student_topnav">
        <div class="titleH1">
            <div class="h1-title">@entity.Name</div>
        </div>
    </div>
    <div class="row" style="margin-top: 10px; margin-left: 15px; margin-right: 15px;">
        <div class="col-md-6" style="padding-left: 0;">
            <a id="b_fullscreen" class="btn btn-primary">
                <span class="icon-size-fullscreen"></span> 全屏
            </a>
            <a id="b_note" class="btn btn-info" style="margin-left: 15px;"
               data-use-offset-for-pos="true"
               data-toggle="popover-x" data-target="#notepop" data-placement="bottom bottom-left">
                <span class="icon-note"></span> 笔记
            </a>
            <a id="b_signout" class="btn btn-warning" style="margin-left: 15px;">
                <span class="icon-logout"></span> 签退
            </a>
        </div>
        <div class="col-md-6 text-right" style="padding-right: 3px;height: 34px; line-height: 34px;">
            学习计时：<span id="totalTime" style="font-weight: bold;color: #01257d;">00:00:00</span>
        </div>
    </div>
    <div class="row" style="margin-top: 10px; margin-left: 15px; margin-right: 15px;">
        @(entity.CourseType.Equals("1") ? Html.Partial("_Image", Model) : Html.Partial("_Video", Model))
    </div>

    <div class="row">
        <div class="bottomtip">
            <div class="tp h2-title">温馨提示</div>
            <p>1、为保证学习效果，建议驾驶人使用IE8以上版本内核浏览器。同时平台支持谷歌、火狐等浏览器。</p>
            <p>2、学习开始时，系统会弹出验证窗口：通过后，系统开始记录学时，驾驶人如果需要离开或保存学时，点击学习右侧签退按钮，完成验证后，系统保存当次有效学时。</p>
            <p>3、学习过程中，会依据各地管理规则设置，随机弹出验证窗口，中间验证过程有设置等待时间，如果超时或回答错误次数超出，本次学习的学时将不被记录。驾驶人如果中间离开，请提前做好签退保存学时。</p>
            <p>4、每个课件系统设置规定学时，课件学时达到规定学时后，系统将不再计时，驾驶人可通过课程列表更换其他课件继续学习。驾驶人每天学习的学时，不能超过各地设置的当天最大学时，超过最大学时，驾驶人可学习但系统不再计时。每天最大学时以当地管理规则为准，一般默认为每天4小时。</p>
            <p>5、平台不允许多台电脑同时登录同一个账户，账号重新登录后，前面已登录未保存的学时将作废，并会退出登录窗口。建议驾驶人首次登录后，及时更改登录密码。</p>
        </div>
    </div>
</div>

<div id="notepop" class="popover popover-default popover-lg">
    <div class="arrow"></div>
    <div class="popover-title">课堂笔记</div>
    <div class="popover-content">
        <div class="row">
            <div class="col-md-12">
                <ul class="notelist" style="max-height:345px; overflow-y: auto;"></ul>
            </div>
        </div>
        <p>&nbsp;</p>
        <div class="row">
            <div class="col-md-12">
                <textarea class="form-control" id="note_message" rows="3"></textarea>
            </div>
        </div>
    </div>
    <div class="popover-footer">
        <button class="btn btn-sm btn-success" id="save_note">
            <i class="fa fa-save"></i> 保存
        </button>
        <a class="btn btn-sm btn-default" id="cancel_note">
            <i class="fa fa-sign-in"></i> 取消
        </a>
    </div>
</div>

@section css{
    <style>
        .galleria {
            width: 100%;
            height: 600px;
            background: #fff;
        }

        .note_li {
            border-bottom: 1px dotted #CCCCCC;
            margin: 0 7px;
            padding: 10px 3px 5px;
        }

        .note_message {
            font-size: 12px;
            line-height: 20px;
            color: #666;
        }
    </style>
}
@section js{

    @Html.CdnImport("~/lib/bootstrap-popover-x/css/bootstrap-popover-x.css")
    @Html.CdnImport("~/lib/bootstrap-popover-x/js/bootstrap-popover-x.js")

    @Html.CdnImport("~/lib/jquery-galleria/galleria-1.4.2.js")
    @Html.CdnImport("~/lib/jquery-galleria/plugins/history/galleria.history.js")
 
    @Html.LocalImport("~/www/js/stu_learning.js")
    <script>
        Galleria.loadTheme('@CdnHelper.CdnUrl("~/lib/jquery-galleria/themes/classic/galleria.classic.js")');
        Galleria.run('.galleria');
        init(@validateTryTime,@validateTimeout,@validateRandomMin,@validateRandomMax,'@entity.Id','@entity.Name');
    </script>
}
